﻿/* 响应式 */
@media screen and (max-width: 1450px){
    /* 导航栏 start */
    header .mainnav ul.ul li + li,
    header .mainnav .mainnavR{
        margin-left: 30px;
    }
    
    footer .footer-content .F-top .F-right ul.ul li + li{
        margin-left: 6%;
    }
    footer .footer-content .F-bottom .right ul.ul li{
        padding: 0 10px;
    }
    /* 导航栏 end */
    
    .App-Field-content .App-Field3 .App-Field3-content .public-Title{
        padding-top: 35px;
    }
    .public-Title{
        padding-bottom: 30px;
    }
    .App-Field-content .App-Field3 .App-Field3-content .ban-top .content .info-top .list .des{ 
    }
    .App-Field-content .App-Field3 .App-Field3-content .ban-top .content .info-top .list .des h2.h2{
        font-size: 30px;
    }
    .Download-content .Download-main .Download-nav .lists-content{
        margin: 0;
    }
    .Download-content .Download-main .Download-nav .lists-content .list{
        padding: 0 10px;
    }
    .Download-content .Download-main .Download-nav .lists-content .list .list-top{
        padding: 15px 10px;
    }
    .Download-content .Download-main .Download-nav .lists-content .list .info{
        padding-left: 125px;
    }
    .Download-content .Download-main .Download-nav .lists-content .list .arrow-content{
        padding: 0 10px;
    }
}
@media screen and (max-width: 1280px){
footer .footer-content .F-top {padding-left:160px;}
footer .footer-content .F-top .F-left {width:150px;}
}
@media screen and (max-width: 1200px){
    /* 导航栏 start */
    header .topHead{
        width: 100%;
    }
    header .topHead .logo{
        line-height: 65px;
        max-width: 190px;
    }
    header .topHead .navBtn{
        display: block;
        top: 15px;
    }
    header .mainnav{
        position: fixed;
        right: -70%;
        top: 0;
        z-index: 9999;
        width: 70%;
        height: 100%;
        background-color: #fff;
    }
    header .mainnav.mainnavOpen{
        right: 0;
        overflow-y: auto;
        overflow-x: hidden;
		background: #FFFFFE;
    }
    header .mainnav .closebox{
        display: block;
        height: 65px;
		background: #FFFFFF;
		z-index: 99;
		position: relative;
    }
    header .mainnav .closebox a{
        display: inline-block;
        width: 35px;
        height: 35px;
        line-height: 35px;
        margin-top: 16px;
        margin-left: 15px;
    }
    header .mainnav .closebox a span{
        font-size: 30px;
        color: #3253dc;
    }
    header .mainnav ul.ul,
    header .mainnav ul.ul li{
        float: none;
    }
    header .mainnav ul.ul li,
    header .mainnav .mainnavR{
        margin: 0;
		background: #FFFFFF;
    }
    header .mainnav ul.ul li + li{margin: 0;}
    header .mainnav ul.ul li .nav-a{
        padding: 0 15px;
        border-bottom: 1px solid #ddd;
        position: relative;
    }
    header .mainnav ul.ul li .nav-a.aon:after{display: none;}
    header .mainnav ul.ul li .nav-a a{
        padding-top: 0;
        height: 50px;
        line-height: 50px;
    }

    header .mainnav ul.ul li .nav-a span{
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        width: 50px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        cursor: pointer;
    }
    header .mainnav ul.ul li .nav-a.aon span{
        transform: rotate(180deg);
    }
    header .mainnav ul.ul li .nav-xl{
        position: inherit;
        padding: 0;
    }
    header .mainnav ul.ul li .nav-xl dd{
        display: block;
        width: 100%;
        margin-top: 0;
    }
    header .mainnav ul.ul li .nav-xl .nav-xl-a span{
        display: block;
    }
    header .mainnav ul.ul li .nav-xl dd .nav-xl-a{
        position: relative;
    }
    header .mainnav ul.ul li .nav-xl dd span{
        position: absolute;
        right: 0;
        top: 0;
        width: 50px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        cursor: pointer;
    }
    header .mainnav ul.ul li .nav-xl dd .nav-xl-a.aon span{
        transform: rotate(180deg);
    }
    header .mainnav ul.ul li .nav-xl dd .dd-nav{
        font-size: 14px;
        padding: 0 15px;
        height: 50px;
        line-height: 50px;
        border-bottom: 1px solid #ddd;
    }
    header .mainnav ul.ul li .nav-xl dd .lists{
        display: none;
        margin-top: 0;
        padding: 0 15px;
    }
    header .mainnav ul.ul li .nav-xl dd .lists a{
        display: block;
        width: 100%;
		font-size: 14px;
        height: 50px;
        line-height: 50px;
        border-bottom: 1px solid #ddd;
    }
    header .mainnav ul.ul li .nav-xl dd .lists div + div{
        margin-top: 0;
    }
    header .mainnav .mainnavR{
        float: none;
		padding-bottom: 10px;
    }
    header .mainnav .mainnavR .searchbox{
        width: 100%;
        padding-top: 20px;
    }
   /* header .mainnav .mainnavR .searchbox .searicon{
        display: none;
    } */
    header .mainnav .mainnavR .searchbox .searchwarp{
        position: inherit;
        right: 0;
        top:70px;
        width: 100% !important;
        /* padding: 0 15px; */
    }
    header .mainnav .mainnavR .searchbox .searchwarp a.btn{
        right: 15px;
    }
    header .mainnav .mainnavR .Language{
        padding-top: 20px;
    }
    /* 导航栏 end */
    
    footer .footer-content .F-top .F-left,footer .footer-content .F-top .rwm{
        display: none;
    }
	footer .footer-content .F-top{ padding:0 0 25px;min-height: auto;}
	footer .footer-content .F-top .F-right{ width:100%; padding:0;}
    footer .footer-content .F-top .F-right1{display: none}
	footer .footer-content .F-top .F-right2{display: block}
	footer .footer-content .F-top .F-right ul.ul li{ float:none; margin:0 !important;}
	.Bottom002701 ul li dl{ max-width:none; float:none;margin-right:0;}
	.Bottom002701 ul li dl:not(:last-child){ border-bottom:1px solid rgba(255,255,255,0.2);}
	.Bottom002701 ul li dt{ margin-bottom:0 !important; padding:10px 0; position:relative;}
	.Bottom002701 ul li dt span{ background: url(../images/icon_arrow_d.png) no-repeat 0 0; position:absolute; right:0; top:50%; width:12px; height:12px; background-size: contain; transition: transform 0.2s ease-out;}
	.Bottom002701 ul li dt span.on{ transform: rotate(180deg);}
	/*.Bottom002701 ul li dt span::before,
	.Bottom002701 ul li dt span::after{ position:absolute; content:''; background:#000; left:30%; height:2px; top:50%; margin-top:-1px; width:40%; transition:0.3s ease-in-out;}
	.Bottom002701 ul li dt span::after{ transform:rotate(90deg);}*/
	.Bottom002701 ul li dt span.on::before{ opacity:0;}
	.Bottom002701 ul li dt span.on::after{ transform:rotate(0);}
	.Bottom002701 ul li dd{ display:none; padding:10px 0; background:rgba(255,255,255,0.05);}
	.Bottom002701 ul li dd a{ font-size:14px;}
    footer .footer-content .F-bottom{
        text-align: center;
    }
    footer .footer-content .F-bottom .left,
    footer .footer-content .F-bottom .right{
        float: none;text-align: left;
    }
    footer .footer-content .F-bottom .right ul.ul li{
        float: none;
        display: inline-block;
    }
    footer .footer-content .F-bottom .right{
        margin-top: 10px;  
        display: none;
    }
    .Home-content .Home-banner .item{
		height: 0px !important;
		background-size: 100% auto;
		padding-bottom: 35%;
    }
	.Home-content .Home-banner .owl-nav button{
		display: none;
	}
    .Home-content .Home-banner .item .text-content{
        text-align: center;
        padding-top: 95px;
    }
    .Home-content .Home-banner .item .text-content h1.h1{
        font-size: 42px;
    }
    .Home-content .Home-banner .item .text-content p.p{
        font-size: 20px;
        margin-top: 10px;
    }
    .Home-content .Home-banner .item .text-content{
        padding-top: 134px;
    }

    .News-content .lists-News-content .lists-content{
        padding-right: 360px;
    }
    .News-content .lists-News-content .lists-content .lists-info .lists ul.ul li .info{
        padding-left: 290px;
    }
    .Download-content .Download-main .Download-nav .lists-content .list .list-top figure{
        display: none;
    }
    .Download-content .Download-main .Download-nav .lists-content .list .info{
        padding-left: 0;
        padding-top: 0;
    }
    .Download-content .Download-main .Download-nav .lists-content .list .list-top{
        height: 90px;
    }
    .Download-content .Download-main .Download-nav{
        padding-top: 20px;
    }
    .Download-content .Download-main .Download-Switch .lists-content .Switch{
        margin: 0 -10px;
    }
    .Download-content .Download-main .Download-Switch .lists-content .Switch ul.ul.video-content li{ 
        padding: 0 10px;
        margin-bottom: 20px;
    }
    .course-content .course-main .course-main-lists .list{
        padding: 30px 20px;
    }
    .course-content .course-main .course-main-lists .list .text-content{
        margin-top: 30px;
    }
    .course-content .course-main .course-main-lists .list h1.h1{
        font-size: 60px;
    }
    .course-content .course-main .course-main-lists .list h4.h4{
        font-size: 22px;
    }
}

@media screen and (max-width: 1024px){
    .public-Title h1.h1{
        font-size: 26px;
    }
    .public-Sidebar-content2{
        position: inherit;
        width: 100%;
        font-size: 0;
        margin-top: 25px;
    }
    .public-Sidebar-content2 .list{
        display: inline-block;
        width: 49%;
    }
    .public-Sidebar-content2 .list + .list{
        margin-left: 2%;
    }
    .Home-content .HomeF3 .lists{
        padding-bottom: 138px;
    }
    .Home-content .HomeF3 .lists .list{
        height: 300px;
    }
    .Home-content .HomeF3 .lists .list .bg{
        padding: 25px;
    }
    .Home-content .HomeF3 .lists .list .bg .text-content ul.ul{
        display: block;
        bottom: -138px;
    }
    .Home-content .HomeF3 .lists .list .bg .text-content .text p.p{
        display: block;
    }
    .Home-content .HomeF3 .lists .list .bg .text-content .text div.more{
        left: 25px;
        bottom: 25px;
    }
    .Home-content .HomeF3 .lists .list .bg .text-content ul.ul li a p.p{
        font-size: 14px;
    }
    .Home-content .HomeF4 .content .lists-content{
        padding-left: 0;
    }
    /* .Home-content .HomeF4 .content .lists-content .list-content .lists ul.ul li .Hleft{
        display: none !important;
    } */
    .Home-content .HomeF4 .content .lists-content .list-content .lists ul.ul li .Hright span{
        display: none;
    }
    .Home-content .HomeF1 .text-content,
    .Home-content .HomeF5{
        padding-top: 42px;
    }
    .Home-content .HomeF2 .content,
    .Home-content .HomeF3,
    .Home-content .HomeF4{
        padding: 42px 0 0;
    }
    .Home-content .HomeF5 .canvas-content .content .w1440 .map-conent .text-center{
        left: 0;
        top: -75px;
        position: inherit;
    }
    .Home-content .HomeF5 .canvas-content .content .w1440 .map-conent .text-center h2.h2{
        font-size: 28px;
    }
    .Home-content .HomeF1 .text-content h1.h1{
        font-size: 32px;
    }

    .App-Field-content .App-Field1 .lists-content,
    .App-Field-content .App-Field2 .lists-content{
        margin: 0 -10px;
    }
    .App-Field-content .App-Field1 .lists-content .list,
    .App-Field-content .App-Field2 .lists-content .list{
        width: 50%;
        padding: 0 10px;
    }
    .App-Field-content .App-Field2 .lists-content .list{
        margin-bottom: 20px;
    }
    .App-Field-content .App-Field3 .App-Field3-content .ban-top .content .info-top .list .des h2.h2{
        font-size: 26px;
    }

    .News-content .lists-News-content .lists-content{
        padding-right: 0;
    }
    .public-Sidebar-content{
        position: inherit;
        padding-top: 40px;
    }
    .public-Sidebar-content .Sidebar-content{
        width: 100%;
    }
    .public-Sidebar-content .Sidebar-content .recommendNews-content{
        padding: 10px 15px 0;
    }
    .public-Sidebar-content .Sidebar-content .recommendNews-content dl.dl dd > a{
        padding: 5px 0;
    }
    .public-Sidebar-content .Sidebar-content .more{
        padding: 15px 0;
    }
    .NewsInfo-content .content-main .info-content{
        padding-right: 0;
    }
    .NewsInfo-content .content-main .info-content .content .Title h1.h1{
        font-size: 24px;
    }
    .Interflow-content .Interflow-main .content{
        padding-right: 0;
    }
    .Investor-content .Investor-main{
        height: auto;
    }
    .Investor-content .Investor-main .Investor-left,
    .Investor-content .Investor-main .Investor-right{
        float: none;
        width: 100%;
        margin-left: 0;
    }
    .Investor-content .Investor-main .Investor-right{
        height: 250px;
        margin-top: 20px;
    }
    .Investor-content .Investor-main .Investor-right .right-r .right-r-t,
    .Investor-content .Investor-main .Investor-right .right-r .right-r-b{
        height: 46%;
    }
    .schedule-content .schedule-main .content h1.h1{
        font-size: 28px;
        padding: 30px;
    }
    .schedule-content .schedule-main .content .table dl.dl dt{
        height: 50px;
        line-height: 50px;
    }
    .schedule-content .schedule-main .content .table dl.dl dd{
        height: 55px;
        line-height: 54px;
    }
    .schedule-content .schedule-main .content .table dl.dl dt div,
    .schedule-content .schedule-main .content .table dl.dl dd div{
        font-size: 16px;
    }
    .schedule-content .schedule-main .content .table dl.dl dt div.table-c,
    .schedule-content .schedule-main .content .table dl.dl dd div.table-c{
        padding: 0 20px;
    }
    
    .Interflow-content .schedule-main .content1 h1.h1{
        font-size: 28px;
        padding: 30px;
    }
    .Interflow-content .schedule-main .content1 .table dl.dl dt{
        height: 50px;
        line-height: 50px;
    }
    .Interflow-content .schedule-main .content1 .table dl.dl dd{
        height: 55px;
        line-height: 54px;
    }
    .Interflow-content .schedule-main .content1 .table dl.dl dt div,
    .Interflow-content .schedule-main .content1 .table dl.dl dd div{
        font-size: 16px;
    }
    .Interflow-content .schedule-main .content1 .table dl.dl dt div.table-c,
    .Interflow-content .schedule-main .content1 .table dl.dl dd div.table-c{
        padding: 0 20px;
    }
    .Download-content .Download-main .Download-Switch .lists-content .Switch ul.ul.Album-content li{
        width: 100%;
        height: 165px;
        margin-bottom: 25px;
    }
    .Download-content .Download-main .Download-Switch .lists-content .Switch ul.ul.Album-content li .info{
        margin-left: 132px;
        padding: 15px;
    }
    .Download-content .Download-main .Download-Switch .lists-content .Switch ul.ul.Album-content li .info h4.h4{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }
    .Download-content .Download-main .Download-Switch .lists-content .Switch ul.ul.Album-content li .info p.p{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
    .Download-content .Download-main .Download-Switch .lists-content .Switch ul.ul.Album-content li .info a{
        bottom: 15px;
    }
    .Download-content .Download-main .Download-Switch .lists-content .Switch ul.ul.Album-content li figure{
        padding: 10px;
    }
    .Download-content .Download-main .Download-Switch .lists-content .Switch ul.ul.video-content li{
        width: 50%;
    }
    .course-content .course-main .course-main-lists{
        height: auto;
    }
    .course-content .course-main .course-main-lists .list{
        width: 100%;
    }
    .course-content .course-main .course-main-lists .list .text-content{
        display: block;
    }
}

@media screen and (max-width: 790px){
    .public-banner .pc{display: none;}
    .public-banner .wap{display: block;}
    .public-pages .p_page em.num{
        display: none;
    }
    .public-pages .p_page a{
        width: 80px;
    }
    .public-FixedBox{
        display: none;
    }
    .public-Title h1.h1{
        font-size: 26px;
    }
    .public-topNav .w1440 a + a{
        margin-left: 25px;
    }
    .Home-content .HomeF3 .lists{
        padding-bottom: 0;
    }
    .Home-content .HomeF3 .lists .list{
        width: 100%;
        box-sizing: content-box;
        padding-bottom: 138px;
    }
    .Home-content .HomeF3 .lists .list .bg .text-content ul.ul{
        bottom: 7px;
    }
    .Home-content .HomeF3 .lists .list .bg .text-content .text div.more{
        bottom: 170px;
    }
    .Home-content .HomeF5 .canvas-content{
        height: auto;
        padding-bottom: 20px;
    }
    .Home-content .HomeF5 .canvas-content .content .w1440 .lists-content{
        position: initial;
        width: 100%;
        margin-top: 20px;
        padding: 20px;
        background-color: rgba(40, 66, 196, .5);
    }
    .Home-content .HomeF5 .canvas-content .content .w1440 .lists-content .tb ul.ul li h2.h2{
        font-size: 36px;
    }
    .Home-content .HomeF5 .canvas-content .content .w1440 .map-conent{
        margin-top: 50px;
    }
    .Home-content .HomeF5 .canvas-content .content .w1440 .map-conent .text-center{
        top: -20px;
    }
    .Home-content .HomeF2 .content .lists-content .list-l,
    .Home-content .HomeF2 .content .lists-content .list-r{
        float: none;
        width: 100%;
        margin: 0;
    }
    .Home-content .HomeF2 .content .lists-content .list-r{
        margin-top: 5%;
    }
    
    .App-Field-content .App-Field1 .lists-content,
    .App-Field-content .App-Field2 .lists-content{
        margin: 0;
    }
    .App-Field-content .App-Field1 .Title-des{
        padding: 40px 0 45px;
    }
    .App-Field-content .App-Field1 .Title-des h1.h1,
    .App-Field-content .App-Field2 .Title-des h1.h1{
        font-size: 26px;
    }
    .App-Field-content .App-Field1 .lists-content .list,
    .App-Field-content .App-Field2 .lists-content .list{
        width: 100%;
        padding: 0;
        margin-bottom: 20px;
    }
    .App-Field-content .App-Field2 .lists-content .list .text-content{
        width: 90%;
    }
    .App-Field-content .App-Field3 .App-Field3-content .ban-top .content .info-top .list,.App-Field-content .App-Field3 .App-Field3-content .ban-top .content .info-top .list .des .con{
        height: auto;
    }
    .App-Field-content .App-Field3 .App-Field3-content .ban-top .content .info-top .list .img,
    .App-Field-content .App-Field3 .App-Field3-content .ban-top .content .info-top .list .des{
        float: none;
        width: 100%;
        height: 350px;
    } 
    .App-Field-content .App-Field3 .App-Field3-content .ban-top .content .info-top .list .des{
        padding: 34px 2% 0;
        height: auto;
    }

    .News-content .top-News-content ul.ul li{
        width: 50%;
    }
    .News-content .lists-News-content .lists-content .lists-info .lists ul.ul li{
        height: auto;
    }
    .News-content .lists-News-content .lists-content .lists-info .lists ul.ul li figure,
    .News-content .lists-News-content .lists-content .lists-info .lists ul.ul li figure img{
        max-width: 100%;
        width: 100%;
        position: inherit;
    }
    .News-content .lists-News-content .lists-content .lists-info .lists ul.ul li .info{
        padding-left: 0;
        padding-top: 20px;
    }
    .News-content .lists-News-content .lists-content .lists-info .lists ul.ul li .info time{
        position: inherit;
        padding-top: 10px;
        display: inline-block;
    }
    .News-content .lists-News-content .lists-content .lists-info .lists ul.ul li + li{
        margin-top: 30px;
    }
    .News-content .top-News-content ul.ul li p.p{
        padding-bottom: 10px;
    }
    .NewsInfo-content .content-main .info-content .content .Title .info span{
        display: block;
        margin-top: 5px;
        margin-left: 0;
    }
    .Announcement-content .Announcement-main .list-content ul.ul{
        padding: 10px 0 35px;
    }
    .Announcement-content .Announcement-main .list-content ul.ul li{
        padding: 5px;
    }
    .Announcement-content .Announcement-main .list-content ul.ul li time{
        left: 0;
        top: 50%;
        margin-top: -30px;
        width: 60px;
        height: 60px;
        font-size: 14px;
    }
    .Announcement-content .Announcement-main .list-content ul.ul li .center{
        padding-left: 65px;
        padding-right: 0;
        padding-bottom: 30px;
    }
    .Announcement-content .Announcement-main .list-content ul.ul li .down{
        right: 20px;
        bottom: 10px;
        top: auto;
    }
    .Announcement-content .Announcement-main .list-content ul.ul li time span{
        font-size: 30px;
    }
    .Announcement-content .Announcement-main .list-content ul.ul li .center h2.h2{
        font-size: 18px;
    }
    .Interflow-content .Interflow-main .content .left.left-hotline .director-lists .list{
        float: none;
        width: 100%;
        margin-bottom: 20px;
        margin-right: 0;
        margin-left: 0!important;
    }
    .public-Sidebar-content2 .list{
        width: 100%;
    }
    .public-Sidebar-content2 .list + .list{
        margin-left: 0;
    }
    .Interflow-content .Interflow-main .content .left.left-hotline .hotline-lists .list span.iconfont{
        display: none;
    }
    .Investor-content .Investor-main .Investor-right .right-l,
    .Investor-content .Investor-main .Investor-right .right-r{
        width: 100%;
    }
    .Investor-content .Investor-main .Investor-right .right-r{
        margin-left: 0;
        margin-top: 4%;
    }
    .Interflow-content .Interflow-main .content .left.left-Interflow .form-content .divlibox .li{
        width: 100%;
    }
    .Interflow-content .Interflow-main .content .left.left-Interflow{
        padding: 20px 20px 50px;
    }
    .schedule-content .schedule-main .content .table{
        overflow-x: auto;
    }
    .schedule-content .schedule-main .content .table dl.dl{
        min-width: 690px;
    }
    .Interflow-content .schedule-main .content1 .table{
        overflow-x: auto;
    }
    .Interflow-content .schedule-main .content1 .table dl.dl{
        min-width: 690px;
    }
    .Download-content .Download-main .Download-nav .lists-content .list{
        border: 2px solid transparent;
    }
    .Download-content .Download-main .Download-nav .lists-content .list:hover,
    .Download-content .Download-main .Download-nav .lists-content .list.aon{
        top: 0;
    }
    .Download-content .Download-main .Download-nav .lists-content .list.aon .list-top{
        border: 2px solid #1244c3;
    }
    .Download-content .Download-main .Download-nav .lists-content .list .info p.p{
        display: none;
    }
    .Download-content .Download-main .Download-nav .lists-content .list .list-top{
        height: 60px;
        line-height: 60px;
        padding: 0 5px;
    }
    .Download-content .Download-main .Download-nav .lists-content .list .info h4.h4{
        font-size: 20px;
    }
    .Download-content .Download-main .Download-nav .lists-content .list .arrow-content{
        display: none;
    }
    .Download-content .Download-main .Download-nav .lists-content .list{
        width: 50%;
        margin-top: 10px;
    }
    .Download-content .Download-main .Download-Switch{
        padding-top: 70px;
    }
}

@media screen and (max-width: 640px){
    .Download-content .Download-main .Download-Switch .lists-content .Switch ul.ul.video-content li{
        width: 100%;
    }
    .public-topNav .w1440 a{
        width: 25%;
        height: 45px;
        line-height: 45px;
        text-align: center;
    }
    .public-topNav .w1440 a + a{
        margin: 0;
    }
}

@media screen and (max-width: 480px){
    .News-content .top-News-content ul.ul li{
        width: 100%;
    }
}




/* 加入达实 */
@media screen  and (max-width: 1450px){
    /* 集团介绍 */
    .Introduction-content .Introduction-main .Introduction-main-2 .Owl-strength .owl-dots{
        bottom: -30px;
    }
    .Introduction-content .Introduction-main .Introduction-main-3 .strategy-main .strategy-l ul.ul li + li{
        margin-top: 35px;
    }
    .Introduction-content .Introduction-main .Introduction-main-3 .strategy-main .strategy-l ul.ul li .num{
        font-size: 60px;
    }
    .Introduction-content .Introduction-main .Introduction-main-3 .strategy-main .strategy-r{
        padding-top: 10px;
    }
}

@media screen  and (max-width: 1200px){
    /* 集团介绍 */
    .Introduction-content .Introduction-main .Introduction-main-1 .info{
        width: 100%;
    }
    .Introduction-content .Introduction-main .Introduction-main-1 .video{
        width: 100%;
        margin: 0;
        margin-top: 50px;
    }
    .Introduction-content .Introduction-main .Introduction-main-3 .strategy-main .strategy-l{
        width: 15%;
    }
    .Introduction-content .Introduction-main .Introduction-main-3 .strategy-main .strategy-c{
        width: 67%;
    }
    .Introduction-content .Introduction-main .Introduction-main-3 .strategy-main .strategy-r{
        width: 18%;
    }
    .Introduction-content .Introduction-main .Introduction-main-3 .strategy-main .strategy-r ul.ul li{
        width: 95%;
        padding-left: 20%;
    }
    .Introduction-content .Introduction-main .Introduction-main-3 .strategy-main .strategy-r ul.ul li img,
    .Introduction-content .Introduction-main .Introduction-main-3 .strategy-main .strategy-r ul.ul li p.p,
    .Introduction-content .Introduction-main .Introduction-main-3 .strategy-main .strategy-r ul.ul li.aon img,
    .Introduction-content .Introduction-main .Introduction-main-3 .strategy-main .strategy-r ul.ul li.aon p.p{
        width: 100%;
    }
    .Introduction-content .Introduction-main .Introduction-main-3 .strategy-main .strategy-c .map ul.ul li .mapPu p.p{
        font-size: 16px;
    }

    /* 发展历程 */
    .course-content .course-main .course-main-lists{
        height: auto;
    }
    .course-content .course-main .course-main-lists .list{
        width: 100%;
    }
    .course-content .course-main .course-main-lists .list .text-content{
        display: block;
    }

    /* 企业文化 */
    .culture-content .culture-main .culture-main-2 .text-content .info{
        width: 100%;
    }
    .culture-content .culture-main .culture-main-2 .img-lists{
        margin-top: 10px;
    }
    .culture-content .culture-main .culture-main-2 .img-lists ul.ul li{
        width: 25%;
        margin: 0;
        padding: 0 10px 20px;
    }
    .culture-content .culture-main .culture-main-2 .img-lists ul.ul li img{
        width: 100%;
    }
    .culture-content .culture-main .culture-main-2 .img-lists ul.ul li:nth-child(2),
    .culture-content .culture-main .culture-main-2 .img-lists ul.ul li:nth-child(6),
    .culture-content .culture-main .culture-main-2 .img-lists ul.ul li:nth-child(3),
    .culture-content .culture-main .culture-main-2 .img-lists ul.ul li:nth-child(5),
    .culture-content .culture-main .culture-main-2 .img-lists ul.ul li:nth-child(4){
        padding-top: 0;
    }

    /* 社会责任 */
    .responsibility-content .responsibility-main .responsibility-main-2 .lists-content .list .left,
    .responsibility-content .responsibility-main .responsibility-main-2 .lists-content .list .right{
        float: none;
        width: 100%;
    }
    .responsibility-content .responsibility-main .responsibility-main-2 .lists-content .list .right{
        position: inherit;
        padding-bottom: 40px;
    }
    .responsibility-content .responsibility-main .responsibility-main-2 .lists-content .list:nth-child(2n){
        padding: 0;
    }
}


@media screen  and (max-width: 980px){
    /* 集团介绍 */
    .Introduction-content .Introduction-main .Title{
        padding: 60px 15px;
    }
    .Introduction-content .Introduction-main .Title h1.h1{
        font-size: 28px;
    }
    .Introduction-content .Introduction-main .Introduction-main-2{
        height: 360px;
    }
    .Introduction-content .Introduction-main .Introduction-main-1 .info h2.h2{
        font-size: 28px;
    }
    .Introduction-content .Introduction-main .Introduction-main-3 .strategy-main .strategy-l,
    .Introduction-content .Introduction-main .Introduction-main-3 .strategy-main .strategy-c,
    .Introduction-content .Introduction-main .Introduction-main-3 .strategy-main .strategy-r{
        width: 100%;
    }
    .Introduction-content .Introduction-main .Introduction-main-3 .strategy-main .strategy-l ul.ul{
        font-size: 0;
    }
    .Introduction-content .Introduction-main .Introduction-main-3 .strategy-main .strategy-l ul.ul li{
        display: inline-block;
        width: 25%;
        text-align: center;
        margin-top: 30px;
        margin-bottom: 20px;
    }
    .Introduction-content .Introduction-main .Introduction-main-3 .strategy-main .strategy-l ul.ul li .num{
        font-size: 50px;
    }
    .Introduction-content .Introduction-main .Introduction-main-3 .strategy-main .strategy-l ul.ul li + li{
        margin-top: 0;
    }
    .Introduction-content .Introduction-main .Introduction-main-3 .strategy-main .strategy-r ul.ul{
        margin-top: 20px;
    }
    .Introduction-content .Introduction-main .Introduction-main-3 .strategy-main .strategy-r ul.ul li{
        display: inline-block;
        width: 33.333%;
        padding: 0 10px;
    }
    .Introduction-content .Introduction-main .Introduction-main-4 .lists-content .list h2.h2{
        font-size: 28px;
    }
    .Introduction-content .Introduction-main .Introduction-main-5{
        padding: 70px 0 70px;
    }
    .Introduction-content .Introduction-main .Introduction-main-5 p.p{
        font-size: 24px;
    }
    .Introduction-content .Introduction-main .Introduction-main-5 h2.h2{
        font-size: 40px;
    }

    /* 企业文化 */
    .culture-content .culture-main .culture-main-1{
        padding: 65px 0;
    }
    .culture-content .culture-main .culture-main-1 .left,
    .culture-content .culture-main .culture-main-1 .right{
        width: 100%;
    }
    .culture-content .culture-main .culture-main-1 .left .info li + li{
        margin-top: 20px;
    }
    .culture-content .culture-main .culture-main-1 .right .video{
        width: 100%;
    }
    .responsibility-content .responsibility-main .responsibility-main-1 .lists-content .list{
        width: 50%;
        margin-bottom: 30px;
    }

    /* 联系我们 */
    .contactUs-content .contactUs-main .lists-content ul.ul li{
        padding: 15px 10px;
    }
    .contactUs-content .contactUs-main .lists-content ul.ul li .li-l{
         width: 22%;
		 margin-right: 3%;
		 display:none;
    }
    .contactUs-content .contactUs-main .lists-content ul.ul li .li-c{
        width: 100%;
    }
    .contactUs-content .contactUs-main .lists-content ul.ul li .li-r{
		display: none;
    }
    .contactUs-content .contactUs-main .lists-content ul.ul li .li-r .code{
        opacity: 1;
    }
    .contactUs-content .contactUs-main .lists-content ul.ul li:hover{
        background-color: #fff;
    }
    .contactUs-content .contactUs-main .lists-content ul.ul li:hover .li-c,
    .contactUs-content .contactUs-main .lists-content ul.ul li:hover .li-c h4.h4{
        color: #333333;
    }
	.contactUs-content .contactUs-main .lists-content ul.ul li{padding: 15px 0;}
	.contactUs-content .contactUs-main .lists-content ul.ul li .li-c p.Tel span{display: block;margin: 0 !important;}
	.contactUs-content .contactUs-main .lists-content ul.ul li .li-c h4.h4{font-size: 18px;}
	.contactUs-content .contactUs-main .lists-content ul.ul li .li-c .divzm p{font-size: 14px;}
	.contactUs-content .contactUs-main .lists-content ul.ul li .li-c .divzm p span{font-size: 14px;}
}

@media screen  and (max-width: 640px){
    .culture-content .culture-main .culture-main-2 .img-lists ul.ul li{
        width: 50%;
    }
    .responsibility-content .responsibility-main .responsibility-main-1 .lists-content .list{
        width: 100%;
    }
    .Introduction-content .Introduction-main .Introduction-main-3 .strategy-main .strategy-l ul.ul li{width:50%;}    
	
	
}

	.public-topNav .w1440 em{display: none;}
	.Home-content .Home-banner .item .imgwap{display: none;}
@media screen  and (max-width: 1024px){
	.Home-content .HomeF1 .text-content h1.h1{font-size: 24px;}
	.Home-content .HomeF1 .text-content p.p{font-size: 16px;}
	.Home-content .HomeF2 .content .lists-content .list .text-content h2.h2{font-size: 22px;}
	.Home-content .HomeF3 .lists .list .bg .text-content .text p.p{padding: 0;line-height: 22px;margin: 10px 0;}
	.Home-content .HomeF3 .lists .list .bg .text-content .text div.more{position: initial;}
	.Home-content .HomeF3 .lists .list .bg .text-content ul.ul{position: inherit;width: 100%;margin-top: 10px;}
	.public-Title h1.h1{font-size: 24px;}
	.Home-content .HomeF4 .content .lists-content .list-nav ul.ul li a{font-size: 18px;}
	.Home-content .HomeF4 .content .lists-content .list-content .lists ul.ul li .Hright p.p{font-size: 16px;}
	.Home-content .HomeF1 .text-content, .Home-content .HomeF5{padding-top: 0;}
	.Home-content .HomeF5 .canvas-content .content .w1440 .map-conent .text-center h2.h2{font-size: 24px;line-height: 30px;font-weight: 100;}
	.Home-content .HomeF3 .lists .list .bg .text-content ul.ul li a img{height: 26px;width: auto;display: block;margin: 0 auto;}
	.Home-content .HomeF3 .lists .list .bg .text-content ul.ul li a p.p{font-size: 12px;display: block;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
	.Home-content .HomeF3 .lists .list{padding-bottom:0% ;margin-bottom: 5%;}
	.Home-content .HomeF3 .lists .list .bg{padding: 5%;}
	.Home-content .HomeF1 .text-content h1.h1{margin-top: 5%;}
	header{position: fixed;top: 0;left: 0; width: 100%;z-index: 99;padding-bottom: 5px;background: #FFFFFF;}
	.Home-banner{margin-top: 70px;}
	.Home-content .HomeF2 .content .lists-content .list-l a{padding-bottom: 80%;}
	.Home-content .HomeF5 .canvas-content .content .w1440 .map-conent .map ul.ul li{width: 4px;height: 4px;}
	
	.public-topNav .w1440 em{display: block;width: 100%;    line-height: 45px;text-align: center;font-size: 18px;font-style: inherit;position: relative;}
	.public-topNav .w1440 em::after{position: absolute;content: " ";top: 0;right: 0;width: 45px;height: 45px; background: url('../images/navbgdown.png') no-repeat center center;}
	.public-topNav .w1440 em.emon::after{-webkit-transform:rotate(180deg) ;
    -ms-transform:rotate(180deg) ;
    -o-transform:rotate(180deg) ;
    transform:rotate(180deg) ;}
    .public-topNav .w1440 .box {display: none;}
	.public-topNav .w1440 a{display: block;font-size: 16px;text-align: center;width: 100%;}
	
	.public-topNav .w1440 em:hover a{display: block;}
	.Home-content .Home-banner .item{padding: 0;height: auto !important;}
	.Home-content .Home-banner .item .imgwap{display: block;width: 100%;}
	.Home-content .Home-banner .item .text-content{display: none;}
	
	.reservation-content .reservation-main .lists-content .right .info{padding-bottom: 10%;}
	.reservation-content .reservation-main .lists-content .right{width: 100%; position: initial;}
	.reservation-content .reservation-main .lists-content .list .left{width: 100%;}
	.reservation-content .reservation-main .lists-content{margin: 5% 0;}
	.reservation-content .reservation-main .reservation-main-b{padding: 5% 0;}
	.contactUs-content .contactUs-main .lists-content{padding-top: 5%;}
	.contactUs-content{padding-bottom: 5%;}
	.Home-content .HomeF4 .content .lists-content .list-nav ul.ul li + li{margin-left: 15px;}

    .Home-content .HomeF4 .content .lists-content .list-content .lists.aon{padding-top: 0;}
    .Home-content .HomeF4 .content .lists-content .list-content .lists ul.ul li .Hleft{height: auto;position: static;}
	
}

@media screen  and (max-width: 790px){
    .Home-content .HomeF3 .lists .list .bg .text-content .text p.p{display: none;}
    .Home-content .HomeF3 .lists .list .bg .text-content{position: absolute; width:100%;left: 0; bottom:0; padding: 15px;}
    .Home-content .HomeF3 .lists .list .bg .text-content .text h2.h2::after{height: 3px;}
    .Home-content .HomeF3 .lists .list .bg .text-content .text div.more{padding-top: 8px;}
}

@media screen and (max-width: 1200px){
	header .mainnav .mainnavR .searchbox .searchwarp{display: none;}
	header .mainnav .mainnavR .searchbox .searicon span{position: absolute; top: 24px;right: 90px;}
	header .mainnav .mainnavR .searchbox{position: fixed;top: 0;right: 20px;}
	.Introduction-content .Introduction-main .Introduction-main-2 .Owl-strength .owl-dots{bottom: -100px;}
	.Introduction-content .Introduction-main .Introduction-main-2 .Owl-strength .owl-item{opacity: 0.5;}
	.Introduction-content .Introduction-main .Introduction-main-2 .Owl-strength .owl-item.active{opacity: 1;}
	.Introduction-content .Introduction-main .Introduction-main-3 .strategy-main .strategy-l ul.ul li p.p{display: block;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;font-size: 14px;}
	.Introduction-content .Introduction-main .Introduction-main-3 .strategy-main .strategy-l ul.ul li .num .animateNum{font-size: 30px;}
}

@media screen and (max-width: 768px){

header .mainnav .mainnavR .searchbox .searicon span{right: 50px;}
}

@media screen and (max-width: 640px){
.App-Field-content .App-Field3 .App-Field3-content .ban-top .content .info-top .list .des{padding: 34px 15px;}

   .App-Field-content .App-Field1 .lists-content .list{margin-bottom: 25px;}
   .App-Field-content .App-Field1 .lists-content .list .text-content .more{margin-top: 15px;}
.backtop{
  display: none;
  position: fixed;
  bottom: 2%;
  right: 2%;
  z-index: 99;
  background-color:rgba(0,0,0,0.3);
  color: white;
  cursor: pointer;
  width:42px;
  height:42px;
  font-size:18px;
  line-height:48px;
  text-align:center;
  font-weight:bold;
}

.backtop:hover{
  background-color:rgba(0,0,0,0.6);
  color:#fff;
}
}

@media screen and (min-width: 641px){
    .backtop{display: none !important;}
}
header .mainnav ul.ul li .nav-xl dd .nav-xl-a span{
    display: none;
}


